<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>我的订单</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" type="text/css" />
		<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript"></script>
		<!-- 引入自定义css文件 style.css -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" />

		<style>
			body {
				margin-top: 20px;
				margin: 0 auto;
			}
			
			.carousel-inner .item img {
				width: 100%;
				height: 300px;
			}
		</style>
	</head>

	<body>

		<!-- 动态包含 -->
		<div class="container">
	<jsp:include page="/head.jsp"></jsp:include>

			<div class="row">

				<div style="margin:0 auto; margin-top:10px;width:950px;">
					<strong>我的订单</strong>
					<table class="table table-bordered">
						
						<c:forEach items="${pb.list }" var="o">
							<tbody>
								<tr class="success">
									<th colspan="5">订单编号:${o.oid } 订单金额:${o.total }
									&nbsp;&nbsp;
										<c:if test="${o.state==0 }">
											<a href="${pageContext.request.contextPath }/order?method=findByOid&oid=${o.oid}">未付款</a>
											&nbsp;&nbsp;
											&nbsp;&nbsp;
											<a href="${pageContext.request.contextPath }/order?method=cancel&oid=${o.oid}">取消订单</a>
										
										</c:if>
										<c:if test="${o.state==1 }">
											已付款,等待发货&nbsp;&nbsp;
											<a href="${pageContext.request.contextPath }/order?method=edit&oid=${o.oid}">编辑订单</a>
											&nbsp;&nbsp;
											<a href="${pageContext.request.contextPath }/order?method=reback&oid=${o.oid}">请求退款</a>
										</c:if>
										<c:if test="${o.state==2 }">
											<span style="color:red">已退款,等待商家审核</span> 
										</c:if>
										<c:if test="${o.state==3 }">
											<a href="#">确认收货</a>
										</c:if>
										<c:if test="${o.state==4 }">
											已完成
										</c:if>
									</th>
								</tr>
								<tr class="warning">
									<th>图片</th>
									<th>商品</th>
									<th>价格</th>
									<th>数量</th>
									<th>小计</th>
								</tr>
								<c:forEach items="${o.items }" var="oi">
									<tr class="active">
										<td width="60" width="40%">
											<input type="hidden" name="id" value="22">
											<img src="${pageContext.request.contextPath}/img/${oi.product.pimage}" width="70" height="60">
										</td>
										<td width="30%">
											<a target="_blank">${oi.product.pname }</a>
										</td>
										<td width="20%">
											￥${oi.product.shop_price }
										</td>
										<td width="10%">
											${oi.count }
										</td>
										<td width="15%">
											<span class="subtotal">￥${oi.subtotal }</span>
										</td>
									</tr>
								</c:forEach>
							</tbody>
						</c:forEach>	
					</table>
				</div>
			</div>
			<div style="text-align: center;">
				<ul class="pagination">
					<c:if test="${1==pb.currPage }">
						<li class="disabled"><a href="javascript:void(0)" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
					</c:if>
					<c:if test="${1!=pb.currPage }">
						<li><a href="${pageContext.request.contextPath }/order?method=orderList&currentPage=${pb.currPage-1}" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
					</c:if>
					
					<c:forEach begin="1" end="${pb.totalPage }" var="n">
						<c:if test="${n==pb.currPage }">
							<li class="active"><a href="javascript:void(0)">${n }</a></li>
						</c:if>
						<c:if test="${n!=pb.currPage }">
							<li><a href="${pageContext.request.contextPath }/order?method=orderList&currentPage=${n}">${n }</a></li>
						</c:if>
					</c:forEach>
					<c:if test="${pb.currPage== pb.totalPage }">
						<li class="disabled">
							<a href="javascript:void(0)" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</c:if>
					<c:if test="${pb.currPage!= pb.totalPage }">
						<li>
							<a href="${pageContext.request.contextPath }/order?method=orderList&currentPage=${pb.currPage+1}" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</c:if>
					
				</ul>
			</div>

		<div style="margin-top:50px;">
			<img src="${pageContext.request.contextPath}/img/footer.jpg" width="100%" height="68" alt="我们的优势" title="我们的优势" />
		</div>
		</div>

		<div style="text-align: center;margin-top: 5px;">
			<ul class="list-inline">
				<li><a>关于我们</a></li>
				<li><a>联系我们</a></li>
				<li><a>招贤纳士</a></li>
				<li><a>法律声明</a></li>
				<li><a>友情链接</a></li>
				<li><a>支付方式</a></li>
				<li><a>配送方式</a></li>
				<li><a>服务声明</a></li>
				<li><a>广告声明</a></li>
			</ul>
		</div>
		<div style="text-align: center;margin-top: 5px;margin-bottom:20px;">
			Copyright &copy; 2018 JavaWeb课程设计
		</div>
	</body>

</html>